<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
		/>
		<title>shell world</title>
		<script>
			function setRootFontSize() {
				var clientWidth = document.documentElement.clientWidth;
				var rootFontSize = (clientWidth / 375) * 37.5;
				document.documentElement.style.fontSize = rootFontSize + 'px';
				console.log(rootFontSize);
			}
			setRootFontSize();
			window.addEventListener('resize', setRootFontSize);
		</script>
	</head>

	<style>
		.app-loading-text {
			font-size: 18px;
			text-align: center;
			position: fixed;
			left: 50%;
			top: 50%;
			transform: translateX(-50%) translateY(-90%);
		}
	</style>

	<body>
		<div id="app">
			<div class="app-loading-text">加载中...</div>
		</div>
	</body>
	<!-- <script src="//cdn.jsdelivr.net/npm/eruda"></script> -->
	<script>
		// eruda.init();
	</script>
</html>
